import { useMemo } from "react";

import { SvgProps } from "./";

/** 灯泡的 logo */
export default function Logo({ className, onClick }: SvgProps) {
  return useMemo(
    () => (
      <svg
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        p-id="3512"
        data-spm-anchor-id="a313x.7781069.0.i2"
        width="200"
        height="200"
        className={className}
        onClick={onClick}
      >
        <path
          d="M421.12 593.834667a150.016 150.016 0 0 1-59.306667-119.552c0-82.944 67.242667-150.186667 150.186667-150.186667s150.186667 67.242667 150.186667 150.186667c0 56.576-31.317333 105.898667-77.568 131.498666"
          fill="#e79686"
          p-id="3513"
          data-spm-anchor-id="a313x.7781069.0.i0"
          className="primary-l-fill"
        ></path>
        <path
          d="M757.248 474.88c0-135.253333-109.994667-245.248-245.248-245.248-135.253333 0-245.248 109.994667-245.248 245.248 0 77.226667 35.328 148.394667 96.853333 195.242667 15.018667 11.434667 36.437333 8.533333 47.872-6.485334 11.434667-15.018667 8.533333-36.437333-6.485333-47.872-44.458667-33.792-69.888-85.162667-69.888-140.970666 0-97.621333 79.36-176.981333 176.981333-176.981334 97.621333 0 176.981333 79.36 176.981334 176.981334 0 64.341333-34.986667 123.733333-91.392 154.965333-0.682667 0.426667-1.28 0.938667-1.962667 1.365333-0.682667 0.426667-1.365333 0.682667-1.962667 1.194667-11.690667 8.789333-18.517333 13.909333-19.541333 104.874667L401.066667 697.685333c-18.346667-4.181333-36.693333 7.253333-40.874667 25.685334-4.181333 18.346667 7.253333 36.693333 25.685333 40.874666l214.698667 49.066667c2.56 0.597333 5.034667 0.853333 7.594667 0.853333 7.68 0 15.189333-2.56 21.248-7.424 8.106667-6.485333 12.885333-16.298667 12.885333-26.709333v-18.346667c0-45.824 1.365333-69.12 2.389333-80.554666a245.376 245.376 0 0 0 112.554667-206.250667zM581.461333 909.056c-2.56 0-5.205333-0.256-7.850666-0.938667l-191.488-44.885333a34.0992 34.0992 0 0 1-25.429334-41.045333c4.266667-18.346667 22.613333-29.781333 41.045334-25.429334l191.488 44.885334c18.346667 4.266667 29.781333 22.698667 25.429333 41.045333a34.116267 34.116267 0 0 1-33.194667 26.368zM543.317333 995.84c-2.645333 0-5.205333-0.341333-7.850666-0.938667l-131.498667-31.146666a34.090667 34.090667 0 0 1-25.344-41.045334 34.133333 34.133333 0 0 1 41.045333-25.344l131.498667 31.146667c18.346667 4.352 29.696 22.698667 25.344 41.045333a34.065067 34.065067 0 0 1-33.194667 26.282667z"
          fill="#333C4F"
          className="on-bg-l-fill"
          p-id="3514"
        ></path>
        <path
          d="M605.354667 512.426667c-18.858667 0-34.133333-15.274667-34.133334-34.133334 0-63.488-58.709333-68.437333-76.714666-68.437333-18.858667 0-34.133333-15.274667-34.133334-34.133333s15.274667-34.133333 34.133334-34.133334c85.418667 0 144.981333 56.234667 144.981333 136.704 0 18.858667-15.274667 34.133333-34.133333 34.133334zM512 147.456c-18.773333 0-34.133333-15.36-34.133333-34.133333V62.293333c0-18.773333 15.36-34.133333 34.133333-34.133333s34.133333 15.36 34.133333 34.133333v51.029334c0 18.773333-15.36 34.133333-34.133333 34.133333zM289.365333 239.616a34.2016 34.2016 0 0 1-48.298666 0l-36.096-36.096a34.2016 34.2016 0 0 1 0-48.298667 34.2016 34.2016 0 0 1 48.298666 0l36.096 36.096c13.312 13.312 13.312 35.072 0 48.298667zM205.738667 462.250667c0 18.773333-15.36 34.133333-34.133334 34.133333h-51.029333c-18.773333 0-34.133333-15.36-34.133333-34.133333s15.36-34.133333 34.133333-34.133334h51.029333c18.773333 0 34.133333 15.36 34.133334 34.133334zM734.634667 239.616a34.2016 34.2016 0 0 1 0-48.298667l36.096-36.096a34.2016 34.2016 0 0 1 48.298666 0 34.2016 34.2016 0 0 1 0 48.298667l-36.096 36.096c-13.312 13.312-35.072 13.312-48.298666 0zM818.261333 462.250667c0-18.773333 15.36-34.133333 34.133334-34.133334h51.029333c18.773333 0 34.133333 15.36 34.133333 34.133334s-15.36 34.133333-34.133333 34.133333h-51.029333c-18.773333 0-34.133333-15.36-34.133334-34.133333z"
          fill="#333C4F"
          className="on-bg-l-fill"
          p-id="3515"
        ></path>
      </svg>
    ),
    [onClick]
  );
}
